<template>

  <div>
    这是sync父组件 ====={{ num }}
    <hr>
    <Son
      :aa="num"
      @update:aa="val=>num=val"
      @update:bb="val=>num2=val2"
    />
    <hr>
    <Son
      :aa.sync="num"
      :bb.sync="num2"
    />
  </div>
</template>

<script>
import Son from '../model/Son.vue'
export default {
  name: 'VueHrFather',
  components: { Son },

  data() {
    return {
      num: 100,
      num2: 111
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
